<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
<title>Invest Works</title>
<link rel="shortcut icon" type="image/x-icon"
	href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link
	href='http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100'
	rel='stylesheet' type='text/css'>

<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
		<script src="js/modernizr.custom.js"></script>
	<![endif]-->
<script src="js/jquery.carouFredSel-5.5.0-packed.js"
	type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>




<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
<script type="text/javascript">
	$(function() {

		var $tabs = $('#tabs').tabs();

		$(".ui-tabs-panel")
				.each(
						function(i) {

							var totalSize = $(".ui-tabs-panel").size() - 1;

							if (i != totalSize) {
								next = i + 2;
								$(this)
										.append(
												"<a href='#' class='next-tab mover' rel='" + next + "'>Next Page &#187;</a>");
							}

							if (i != 0) {
								prev = i;
								$(this)
										.append(
												"<a href='#' class='prev-tab mover' rel='" + prev + "'>&#171; Prev Page</a>");
							}

						});

		$('.next-tab, .prev-tab').click(function() {
			$tabs.tabs('select', $(this).attr("rel"));
			return false;
		});

	});
</script>
<!-- toggle code -->
<script>
	$(document).ready(function() {
		$("#identity_flip").click(function() {
			$("#identity_panel").slideToggle("slow");
			/* $("#address_panel").slideUp("slow");
			 $("#other_panel").slideUp("slow");*/
		});
	});

	$(document).ready(function() {
		$("#address_flip").click(function() {
			$("#address_panel").slideToggle("slow");
			/* $("#identity_panel").slideUp("slow");
			 $("#other_panel").slideUp("slow");*/
		});
	});

	$(document).ready(function() {
		$("#other_flip").click(function() {
			$("#other_panel").slideToggle("slow");
			/* $("#address_panel").slideUp("slow");
			 $("#identity_panel").slideUp("slow");*/
		});
	});
</script>
<script type="text/javascript" src="Validation.js"></script>

</head>
<body>
	<!-- wrapper -->
	<div id="wrapper">
		<!-- shell -->
		<div class="shell">
			<!-- container -->
			<div class="container">
				 <!-- header -->
				<script>
					<%@include file="header.jsp" %>
				</script>	
				<!-- end of header -->
				

				<!-- main -->

				<div id="page-wrap">

					<div id="tabs">
						<ul>
							<li><a href="#fragment-1">Personnal Details</a></li>
							<li><a href="#fragment-2">Bank Details</a></li>
							<li><a href="#fragment-3">KYC Details</a></li>
						</ul>

						<div id="fragment-1" class="ui-tabs-panel">
							<div id="form_page">
								<form action="./registercust.htm" method="post">
									<fieldset>
										<legend></legend>
										<table class="main_table">
											<tr>
												<td>First Name:</td>
												<td><input class="text_style" type="text" name="fname" id="fname" >
												<label id="fnm" style="color: red; font-style: italic;"></label><span style="color:red">${errormap.fname}</span></td>
											</tr>
											<tr>
												<td>Last Name:</td>
												<td><input class="text_style" type="text" name="lname" id="lname">
												<label id="lnm" style="color: red; font-style: italic;"></label><span style="color:red">${errormap.lname}</span></td>
											</tr>
											<tr>
												<td>Date of birth:</td>
												<td><input type="text" id="datepicker" /></td>
											</tr>
											<tr>
												<td>Gender</td>
													<td><input type="radio" name="gender" id="gender" class="radio_style">Male&nbsp;&nbsp; 
													<input type="radio" name="gender" id="gender" class="radio_style"> Female
													<label id="gen" style="color: red; font-style: italic;"></label></td>
											</tr>
											<tr>
												<td>Mobile No.:</td>
												<td><input class="text_style" type="text" name="mobileno" id="mobileno">
												<label id="mob_no" style="color: red; font-style: italic;"></label><span style="color:red">${errormap.mobile}</span></td>
											</tr>
											<tr>
												<td>Email Id:</td>
												<td><input class="text_style" type="text" name="email" id="email">
												<label id="email_id" style="color: red; font-style: italic;"></label><span style="color:red">${errormap.email}</span></td>
											</tr>
											<tr>
												<td>Pan no.</td>
												<td><input class="text_style" type="text" name="panno"><span style="color:red">${errormap.panno}</span></td>
											</tr>
											<tr>
												<td>Status:</td>
												<td>
													 <input type="radio" name="status" class="radio_style" id="status">Resident Individual&nbsp;&nbsp;&nbsp;&nbsp; 
													 <input type="radio" name="status" class="radio_style" id="status">HUF &nbsp;&nbsp;<br>
													 <input type="radio" name="status" class="radio_style" id="status">Proprietor &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												  	 <input type="radio" name="status" class="radio_style" id="status">Society &nbsp;&nbsp;<br>
													 <input type="radio" name="status" class="radio_style" id="status">Bank &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													 <input type="radio" name="status" class="radio_style" id="status">NRI-NRE&nbsp;&nbsp;<br>
													 <input type="radio" name="status" class="radio_style" id="status">NRI-NRO &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													 <input type="radio" name="status" class="radio_style" id="status">PIO &nbsp;&nbsp;<br>
													 <input type="radio" name="status" class="radio_style" id="status">Partnership Firm&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													 <input type="radio" name="status" class="radio_style" id="status">Company &nbsp;&nbsp;<br>
													 <input type="radio" name="status" class="radio_style" id="status">On behalf of minor &nbsp;&nbsp;&nbsp;&nbsp;
													 <input type="radio" name="status" class="radio_style" id="status">Trust&nbsp;&nbsp;<br>
													 <input type="radio" name="status" class="radio_style" id="status">Fll &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													 <input type="radio" name="status" class="radio_style" id="status">Govt.entity &nbsp;&nbsp;<br>
													 <input	type="radio" name="status" class="radio_style" id="status" value="other">Others&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													 
													 <input type="text" name="otherstatus"  id="otherstatus" placeholder="Please specify">
													 
													 <label id="stat" style="color: red; font-style: italic;"></label>
												</td>
											</tr>
											<tr>
												<td>Occupation:</td>
												<td><input type="radio" name="occupation" id="occupation" class="radio_style">Service&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<input type="radio" name="occupation" id="occupation" class="radio_style">Professional<br>
													<input type="radio" name="occupation" id="occupation" class="radio_style">Proprietorship&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<input type="radio" name="occupation" id="occupation" class="radio_style">Housewife <br>
													<input type="radio" name="occupation" id="occupation" class="radio_style">Retired &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<input type="radio" name="occupation" id="occupation" class="radio_style">Student <br> 
													<input type="radio" name="occupation" id="occupation" class="radio_style">Agriculture &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 	
													<input type="radio" name="occupation" id="occupation" class="radio_style">Business <br> 
													<input type="radio" name="occupation" id="occupation" class="radio_style">Others&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<input type="text" name="occupation" placeholder="Please specify">
													<label id="occup" style="color: red; font-style: italic;"></label>
												</td>
											</tr>
											<tr>
												<td>Correspondence address:</td>
												<td><textarea cols="40" rows="3" name="c_address"></textarea></td>
											</tr>
											<tr>
												<td>City:</td>
												<td><input class="text_style" type="text" name="c_city"></td>
											</tr>
											<tr>
												<td>Pin code:</td>
												<td><input class="text_style" type="text" name="c_pincode">
													<label id="c_pin" style="color: red; font-style: italic;"></label><span style="color:red">${errormap.cpincode}</span></td>
											</tr>
											<tr>
												<td>Overseas address:</td>
												<td><textarea cols="40" rows="3" name="o_address"
														form="usrform"></textarea></td>
											</tr>
											<tr>
												<td>City:</td>
												<td><input class="text_style" type="text" name="o_city"></td>
											</tr>
											<tr>
												<td>Pin code:</td>
												<td><input class="text_style" type="text" name="o_pincode">
													<label id="o_pin" style="color: red; font-style: italic;"></label><span style="color:red">${errormap.opincode}</span></td>
											</tr>
											<tr>
												<td>Tel office:</td>
												<td><input class="text_style" type="text" name="officeno" id="officeno">
													<label id="office_no" style="color: red; font-style: italic;"></label><span style="color:red">${errormap.officeno}</span></td>
											</tr>
											<tr>
												<td>Tel home:</td>
												<td><input class="text_style" type="text" name="homeno" id="homeno">
													<label id="home_no" style="color: red; font-style: italic;"></label><span style="color:red">${errormap.homeno}</span></td>
											</tr>
											<tr>
												<td>Fax:</td>
												<td><input class="text_style" type="text" name="faxno"><span style="color:red">${errormap.fax}</span></td>
											</tr>
											<td><input type="button" value="submit" onclick="javascript:validate_registration(this.form);"></td>

										</table>

									</fieldset>
								</form>
							</div>
						</div>
						<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide">
							<div id="form_page">
								<form action="./registercustbank.htm" method="post">
									<fieldset>
										<legend></legend>
										<table>
											<tr>
												<td>Name of the Bank:</td>
												<td><input class="text_style" type="text"
													name="bankname"></td>
											</tr>
											<tr>
												<td>Branch:</td>
												<td><input class="text_style" type="text" name="branch"><span style="color:red">${errormap.branch}</span></td>
											</tr>
											<tr>
												<td>Account no:</td>
												<td><input class="text_style" type="text"
													name="accountno"><span style="color:red">${errormap.accountno}</span></td>
											</tr>
											<tr>
												<td>City:</td>
												<td><input class="text_style" type="text"
													name="bankcity"></td>
											</tr>
											<tr>
												<td>Account type:</td>
												<td><input type="radio" name="accounttype">Current&nbsp;&nbsp;
													<input type="radio" name="accounttype">Saving&nbsp;&nbsp;</br>
													<input type="radio" name="accounttype">NRO&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<input type="radio" name="accounttype">NRE&nbsp;&nbsp;</br>
													<input type="radio" name="accounttype">FCNR&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													<input type="radio" name="accounttype">Others <input
													type="text" name="accounttype" placeholder="Please specify"></td>
											</tr>
											<tr>
												<td>MICR code:</td>
												<td><input class="text_style" type="text" name="micr"></td>
											</tr>
											<tr>
												<td>RTGS/NEFT:</td>
												<td><input class="text_style" type="text" name="rtgs"></td>
											</tr>
											<tr>
												<td><input type="submit" value="Save"></td>
												<td><input type="button" value="Cancel"></td>
											</tr>

										</table>
									</fieldset>
								</form>


							</div>
						</div>

						<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide">
							<div id="form_page">
								<form action="#" method="post">
									<div id="identity_flip">Identity Details</div>
									<div id="identity_panel">
										<table>
											<tr>
												<td>Are you individual?</td>&nbsp;&nbsp;
												<td><input type="radio" name="individual">Yes <input
													type="radio" name="individual">No</td>
											</tr>
											<tr>
												<td>Please choose the appropriate :</td>
												<td><input type="radio" name="new">New
													&nbsp;&nbsp; <input type="radio" name="new">Change
													request</td>
											</tr>
											<tr>
												<td>Name of the applicant:</td>
												<td><input class="text_style" type="text" name="name"></td>
											</tr>
											<tr>
												<td>Father /Spouse Name:</td>
												<td><input class="text_style" type="text" name="fsname"></td>
											</tr>
											<tr>
												<td>First Name:</td>
												<td><input class="text_style" type="text" name="fname"></td>
											</tr>
											<tr>
												<td>Gender</td>
												<td><input type="radio" name="gender">Male
													&nbsp;&nbsp; <input type="radio" name="gender">Female</td>
											</tr>
											<tr>
												<td>Maritial status</td>
												<td><input type="radio" name="married">Single
													&nbsp;&nbsp; <input type="radio" name="married">Married</td>
											</tr>
											<tr>
												<td>Date of Birth:</td>
												<td><input class="text_style" type="text" name="dob"></td>
											</tr>
											<tr>
												<td>Nationality</td>
												<td><input type="radio" name="nationality">Indian&nbsp;&nbsp;
													<input type="radio" name="nationality">Others</td>
											</tr>
											<tr>
												<td>Status</td>
												<td><input type="radio" name="Status">Resident
													individual&nbsp;&nbsp; <input type="radio" name="Status">Non
													resident&nbsp;&nbsp;</br> <input type="radio" name="Status">Foreign
													National</td>
											</tr>
											<tr>
												<td>Pan no</td>
												<td><input class="text_style" type="text" name="panno"></td>
											</tr>
											<tr>
												<td>Unique Identification Number (UID) / Aadhaar, if
													any</td>
												<td><input class="text_style" type="text" name="uid"></td>
											</tr>
											<tr>
												<td>Specify Proof of Identity submitted*</td>
												<td><input type="radio" name="idproof">Pan&nbsp;&nbsp;
													<input type="radio" name="idproof">Other (Please
													specify)</td>
											</tr>

										</table>
									</div>


									<div id="address_flip">Address Details</div>
									<div id="address_panel">
										<table>
											<tr>
												<td>Address for correspondence. Address 1:</td>
												<td><input type="text" name="caddress1"></td>
											</tr>
											<tr>
												<td>Address 2:</td>
												<td><input type="text" name="caddress2"></td>
											</tr>
											<tr>
												<td>Address 3:</td>
												<td><input type="text" name="caddress3"></td>
											</tr>
											<tr>
												<td>Pin code:</td>
												<td><input class="text_style" type="text"
													name="cpincode"></td>
											</tr>
											<tr>
												<td>City/Town/Village:</td>
												<td><input class="text_style" type="text" name="ccity"></td>
											</tr>
											<tr>
												<td>Country:</td>
												<td><input class="text_style" type="text"
													name="ccountry"></td>
											</tr>
											<tr>
												<td>Specify the Proof of Address submitted for
													Correspondence Address*:</td>
												<td><input class="text_style" type="text" name="cproof"></td>
											</tr>
											<tr>
												<td>Contact Details: Tel office:</td>
												<td><input class="text_style" type="text"
													name="officeno"></td>
											</tr>
											<tr>
												<td>Tel home:</td>
												<td><input class="text_style" type="text" name="homeno"></td>
											</tr>
											<tr>
												<td>Fax:</td>
												<td><input class="text_style" type="text" name="faxno"></td>
											</tr>
											<tr>
												<td>Mobile No.:</td>
												<td><input class="text_style" type="text"
													name="mobileno"></td>
											</tr>
											<tr>
												<td>Email Id:</td>
												<td><input class="text_style" type="text" name="email"></td>
											</tr>
											<tr>
												<td>Permanent Address (If different from above or
													overseas address, mandatory for Non-Resident Applicant).
													Address 1:</td>
												<td><input class="text_style" type="text"
													name="paddress1"></td>
											</tr>
											<tr>
												<td>Address 2:</td>
												<td><input class="text_style" type="text"
													name="paddress2"></td>
											</tr>
											<tr>
												<td>Address 3:</td>
												<td><input class="text_style" type="text"
													name="paddress3"></td>
											</tr>
											<tr>
												<td>Pin code:</td>
												<td><input class="text_style" type="text"
													name="ppincode"></td>
											</tr>
											<tr>
												<td>City/Town/Village:</td>
												<td><input class="text_style" type="text" name="pcity"></td>
											</tr>
											<tr>
												<td>Country:</td>
												<td><input class="text_style" type="text"
													name="pcountry"></td>
											</tr>
											<tr>
												<td>Specify the Proof of Address submitted for
													Correspondence Address*:</td>
												<td><input class="text_style" type="text" name="pproof"></td>
											</tr>
										</table>
									</div>


									<div id="other_flip">Other Details</div>
									<div id="other_panel">
										<table>
											<tr>
												<td>Gross Annual Income Details (Please Specify) Income
													range per annum* Rs.</td>
												<td><select>
														<option value="1">1</option>
														<option value="2">2</option>
														<option value="3">3</option>
														<option value="4">4</option>
												</select></td>
											</tr>
											<tr align="center">
												<td>(OR)</td>
											</tr>
											<tr>
												<td>Net-worth (Net worth should not be older than 1
													year) Amount:</td>
												<td><input class="text_style" type="text" name="amount">as
													on date<input class="text_style" type="text" name="date"></td>
											</tr>
											<tr>
												<td>Occupation (Please choose any one and give brief
													details) * Rs.</td>
												<td><select>
														<option value="1">1</option>
														<option value="2">2</option>
														<option value="3">3</option>
														<option value="4">4</option>
												</select></td>
											</tr>
											<tr>
												<td>Please tick, if applicable :</td>
												<td><select>
														<option value="1">1</option>
														<option value="2">2</option>
														<option value="3">3</option>
														<option value="4">4</option>
												</select></td>
											</tr>
											<tr>
												<td>Any other information:</td>
												<td><input class="text_style" type="text"
													name="otherinfo" required></td>
											</tr>
											<tr>
												<td><input class="text_style" type="submit"
													value="Print"></td>
												<td><input class="text_style" type="submit"
													value="Download"></td>
											</tr>
										</table>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>

				<!-- end of main -->

				<div class="cl">&nbsp;</div>
				<!-- footer -->
				<script>
					<%@include file="footer.jsp" %>
				</script>	
				<!-- end of footer -->
				
			</div>
			<!-- end of container -->
		</div>
		<!-- end of shell -->
	</div>
	<!-- end of wrapper -->
</body>
</html>